<template>
  <div style="width: 256px">
    <a-button type="primary" style="margin-bottom: 16px" @click="toggleCollapsed">
      <a-icon :type="collapsed ? 'menu-unfold' : 'menu-fold'" />
    </a-button>
    <a-menu
      :default-selected-keys="['1']"
      :default-open-keys="['sub1']"
      mode="inline"
      theme="dark"
      :inline-collapsed="collapsed"
    >
     
      <a-sub-menu key="sub1">
        <span slot="title"><a-icon type="mail" /><span>用户管理</span></span>
        <a-menu-item key="5">
          <router-link to='zhuce'>注册</router-link>
        </a-menu-item>
        <a-menu-item key="6">
          <router-link to='logins'>登录</router-link>
        </a-menu-item>
        <a-menu-item key="7">
          <router-link to='check'>修改</router-link>
        </a-menu-item>
        <a-menu-item key="8">
          <router-link to='cha'>查看用户</router-link>
        </a-menu-item>
        <a-menu-item key="9">
          <router-link to='gong'>工单管理</router-link>
        </a-menu-item>
      </a-sub-menu>
    </a-menu>
  </div>





</template>

<script>
export default {
  data() {
    return {
      collapsed: false,
    };
  },
  methods: {
    toggleCollapsed() {
      this.collapsed = !this.collapsed;
    },
  },
};
</script>
